<template>
    <div class="gonggao qfd" >
        <div class="gg_zuo" :style="{
                
                borderRight:data.left_img_border,
                marginRight:data.left_img_right+'px',
                height:data.height+'px',
                width:data.left_width+'px',
            }">
           <!-- <view>商城</view> -->
                <img :src="data.thumb" :style="{
                    width:data.thumb_size+'px',
                    height:data.thumb_size+'px',
                    }" />
        </div>
        <div class="lunbo_notic" :style="{fontSize:data.right_size+'px',color:data.list[0].color,lineHeight:data.height+'px',paddingLeft:data.left_img_right+'px'}">
            {{data.list[0].title}}
        </div>
    </div>
</template>

<script>
 export default {
    props:['data'],
    name: 'ItemNotice',
    data(){
        return{
        }
    }
}
</script>

<style >
	
    .gonggao {   
        display: flex;
    }
	.lunbo_notic {
	    width: 80%;
        line-height: 35px;
	}
    .gg_zuo{
        position: relative
    }
	.gg_zuo img{
	    position: absolute;
        top:50%;
        transform: translateY(-50%)
	}
 
</style>
